/* 外部盒子,控制搜索框在页面中的位置 */
.searchcontainer {
    width: 600px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #202024;
    margin-left: 25%;
}
/* 搜索框样式 */
.search{
    width: 100px;
    height: 35px;
    border-radius: 30px 0px 0px 30px;
    padding-left: 50px;
    background-position: 10px 10px;       /*设置背景图片的位置*/
    color:darkgray;
    font-size: 18px;
    border: none;                   /*去除边框*/
}
/* 搜索框获得焦点时样式 */
.search:focus{
    outline: white solid 1px;    /*添加外边框*/
}
/* 搜索按钮样式 */
.btnsearch {
    width: 90px;
    height: 50px;
    border: none;
    background-color: rgb(55 172 209 / 75%);
    color: #fff;
    border-radius: 0px 20px 20px 0px;
    font-size: 15px;
    cursor: pointer;
}
